<template>
    <div class="shop-header">
        <van-icon :name="leftIconName" color="#1989fa" />

        <div>{{title}}</div>

        <el-button type="text">{{rightIconName}}</el-button>
    </div>
</template>


<script>
    export default {
        props: {
            title: {
                type: String,
                default: ''
            },
            leftIconName: {
                type: String,
                defalut: ''
            },
            rightIconName: {
                type: String,
                defalut: ''
            }
        }
    }
</script>

<style lang="scss" scoped>
    .shop-header {
        width: 100%;
        height: 50px;
        border-bottom: 1px solid #ddd;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 10px;
        box-sizing: border-box;
    }
</style>